import router from './router'
import store from './store'

router.beforeEach(async(to, from, next) => {
  // 目的地址
  const url = to.path
  // token
  const token = store.getters.token
  // 白名单
  const whiteList = ['/login', '/404']

  // 已登录 + 去登录页 = 主页
  if (token && url === '/login') { next('/') }

  // 已经登录 + 不去登录页 = 放行
  if (token && url !== '/login') {
    // 这里是已经登录进入普通的后台页面
    // 放行之前要确保数据的存在, 如果没有就发请求
    if (!store.getters.name) {
      await store.dispatch('user/getUserInfo')
      // 拿完个人数据,但是又还没有进入页面的这一刻
      // 就是筛选路由的时间点
      const menus = store.state.user.userInfo.roles.menus // 权限列表
      const routes = await store.dispatch('permission/filterRoutes', menus)
      // con.log('导航守卫执行完之后得到的结果', routes)
      // 导航守卫调用 actions 获取结果后追加路由配置
      // 路由系统有一个函数叫 router.addRoutes  可以追加路由配置
      // 使得你可以通过url访问具体的页面
      router.addRoutes([
        ...routes,
        { path: '*', redirect: '/404', hidden: true }
      ])
      next(to.path)
      return
    }
    next()
  }

  // 未登录 + 在白名单内 = 放行
  if (!token && whiteList.indexOf(url) !== -1) { next() }

  // 未登录 + 不在白名单内 = 登录页
  if (!token && whiteList.indexOf(url) === -1) { next('/login') }

//   if (store.getters.token) {
//     // 1. 已经登录
//     if (to.path === '/login') {
//       // 1.1 如果去登录页 跳转到首页
//       next('/')
//     } else {
//       // 1.2 否则放行
//       next()
//     }
//   } else {
//     const whiteList = ['/login', '/404']
//     // 2.未登录
//     if (whiteList.indexOf(to.path) !== -1) {
//       // 2.1 白名单内的页面放行
//       next()
//     } else {
//       // 2.2 否则 挑战登录页
//       next('/login')
//     }
//   }
})
